<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="/static/css/base.css">
  <link rel="stylesheet" href="/static/css/list.css">
</head>

<body>
  <div class="header">
    商品列表页

    <p>
      <span class="on active"><a href="/pages/cart">查看购物车</a> <a href="/pages/index">返回首页</a></span>
    </p>
  </div>

  <div class="container filterBox">
    <!-- 分页器 -->
    <div class="box pagi_box">
      <span class="prev">
        {{ if current <= 1 }}
        <a disabled href="">&lt;</a>
        {{else}}
        <a href="/pages/list?current={{ current - 1 }}">&lt;</a>
        {{ /if }}
      </span>
      <span class="total">{{ current }} / {{ totalpage }}</span>
      <span class="next">
        {{ if current >= totalpage }}
        <a disabled href="">&gt;</a>
        {{ else }}
        <a href="/pages/list?current={{ current - 0 + 1 }}">&gt;</a>
        {{ /if }}
      </span>
      
      
    </div>
  </div>
  <!-- 商品列表渲染 -->
  <ul class="container goods_list">
    {{ each list }}
    <li ">
          <div class=" show">
      <img src="{{ $value.img }}" alt="">
      </div>
      <div class="info">
        <p class="desc">{{ $value.title }}</p>
        <p class="price">
          <span class="current">￥ {{ $value.price }}</span>
        </p>
        <p class="btns">
          <button data-id="{{ $value._id }}" class="addCart">加入购物车</button>
          <button class="buy">立即购买</button>
        </p>
      </div>
    </li>
    {{ /each }}

  </ul>

  <div class="footer">
    网页底部
  </div>



  <!-- 分页器模板 -->



  <!-- 商品模板 -->




  <script src="/static/vander/jquery/jquery.min.js"></script>
  <script src="/static/js/list.js"></script>
  >
</body>

</html>